<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ES6语法</title>
		<script src="../../vue/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<button type="button" >按钮1</button>
		<button type="button" >按钮2</button>
		<button type="button" >按钮3</button>
		<button type="button" >按钮4</button>
		<button type="button" >按钮5</button>
		<script type="text/javascript">
			/* 
			 1.var /  let 
			 let有块作用域   var没有
			 函数也是一个作用域
			 2.const的使用
			 一旦使用const定义变量   值就不可以修改
			 例如：const x = 20 ;
			 x = 30   这个是错误的
			 const定义  变量必须赋值
			 const y ;  这样是错误的
			 3.es6对象的字面量的增强使用
			 
			 
			 
			 
			 
			 
			 */
			let x = 8;
			{
				let x = 9 ;
				
			}
			console.log(x);
			var btn = document.getElementsByTagName("button");
			for(let i = 0 ; i < btn.length; i++){//如果使用var输出为最后一个   作用域不同
				btn[i].addEventListener('click',function(){
					console.log("第"+(i+1)+"个按钮");
				});
			}
			/* es6对象的字面量的增强使用 */
			/* 原来写法 */
			/* const obj = {
				name:'xie',
				age:21,
				heigth:173
					console.log(obj.age+' '+obj.name);
			} */
		
			/* es6对象的字面量的增强使用 */
			const name = 'why';
			const age = 21;
			const height = 183;
			const obj = {
				name :name,
				age :age,
				height:height
			}
			console.log(obj.age+' '+obj.name);
		</script>
	</body>
</html>
